<!doctype>
<head>
  <style type="text/css">
.button {
  padding: 0.8em;
  border: 0;
  font-size: 1rem;
  color: white;
  border-radius: 0.5em;
  background-color: #57b;
  box-shadow: 0 0.4em #148;
  text-shadow: 1px 1px #148;
}
.button:active {
  background-color: #456ab5;
  transform: translateY(0.1em);
  box-shadow: 0 0.3em #148;
}
.button:focus {
  outline: none;
}
  </style>
</head>
<body>
  <button class="button">Sign up now</button>
</body>
